import Vue from 'vue'
import Vuex from 'vuex'

// 告诉 vue “使用” vuex
Vue.use(Vuex)

// 创建一个对象来保存应用启动时的初始状态
const state = {
    // 放置初始状态
    count: 0,
    // 每次增加减少的步长
    step:1
}

// 创建一个对象存储一系列我们接下来要写的 mutation 函数
const mutations = {
    // 放置我们的状态变更函数
    INCREMENT (state, step) {
        state.count += step;
    },
    UPDATE_STEP (state, step) {
        console.log('mutations', step)
        state.step = step;
    }
}

// 整合初始状态和变更函数，我们就得到了我们所需的 store
// 至此，这个 store 就可以连接到我们的应用中
export default new Vuex.Store({
    // 在生产环境中不要开启严格模式
    strict: true,
    state,
    mutations
})
